<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Redux Demo</title>
    <!--[if lt IE 9]>
    <script src="../../static/polyfill/es5-shim.js"></script>
    <![endif]-->
    <script src="../../static/mod.js"></script>
</head>
<body>
    <div ms-controller="demo">
        <button type="button" :click="@show = !@show"></button>
        <ms-dialog :widget="{show: @show}">
            <span slot="header">title</span>
            <span slot="body">Hello</span>
        </ms-dialog>
        <!--<ms-form :widget="{$form: @$form}">
            <ms-form-item :widget="{label: '标题'}">
                <ms-input :widget="{value: @title, col: 'title'}"></ms-input>
            </ms-form-item>
        </ms-form>-->
        <p>
        Clicked: <span >{{value}}</span> times
        <button ms-click="increment">+</button>
        <button ms-click="decrement">-</button>
        <button ms-click="incrementIfOdd">Increment if odd</button>
        <button ms-click="incrementAsync">Increment async</button>
        </p>
    </div>
    <script>
        require(['./redux-demo']);
    </script>
</body>
</html>